$(function () {
    // findCuisineData();
})

// 得到菜系数据
function findCuisineData() {
    // select * from cuisine where is_show=1;
    let res = myAjax("/cuisineFindAll", {}, 'get');
    if (res != null) {
        // setCuisineData(res.data);
    }
}

//对菜系进行赋值
function setCuisineData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += '<div class="back' + data[i].id + '" onclick="findProductLimit(' + data[i].id + ')">【' + data[i].name + '】</div>';
    }
    $("#cuisine").html(html);
}

let CUISINE_ID = 0;

// 根据菜系id查询当前菜系的产品，然后进行分页
function findProductLimit(cuisineId) {

    CUISINE_ID = cuisineId;
    // 拿到所有的div，对以前的样式进行清空
    $(".cuisine").children("div").each(function () {
        $(this).css({"background-color": ""})
    })
    //对当前div设置样式
    $(".back" + cuisineId).css({"background-color": "yellow", "color": "rgb(11,22,33)"})
    // findAll({page: 1, limit: 8});
}

//根据菜系id查询数据
function findAll(data) {
    data.cuisineId = CUISINE_ID;
    let res = myAjax("/productByCuisineId", data, 'get');
    setProductData(res.data);
}

//设置查询出来的数据
function setProductData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += '<div>\n' +
            '         <div><img src="../img/xianglakouweixia.jpg" height="300" width="300"/></div>\n' +
            '         <div class="title-font single-over">葫芦大鸡翅葫芦大鸡翅葫芦大鸡翅葫芦大鸡翅</div>\n' +
            '         <div>\n' +
            '        <div class="content-font">价格：</div>\n' +
            '        <div>4：00</div>\n' +
            '        </div>\n' +
            '        <div class="content-font many-over">咖喱粉10克生抽2汤匙白糖1/2汤匙生粉1/4汤匙红辣椒1个葱1根料酒1/2汤匙\n' +
            '        </div>\n' +
            ' </div>';
    }
    $("#product").html(html);
}

// 分页
layui.use(['laypage', 'layer'], function () {
    var laypage = layui.laypage,
        layer = layui.layer;
    // 调用Ajax得到当前菜系的总条数
    let count = myAjax("/productByCuisineIdGetCount", {cuisineId: CUISINE_ID}, 'get')
    laypage.render({
        elem: 'page'
        , count: count //数据总数，从服务端得到
        , limit: 8
        , jump: function (obj, first) {
            //obj包含了当前分页的所有参数，比如：
            console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            // console.log(obj.limit); //得到每页显示的条数
            let data = {page: obj.curr, limit: 8};
            findAll(data);
        }
    });
})